<template>
  <div>
    <!-- <h2>欢迎来到个人中心</h2> -->
    <!-- router-view用于显示user下一级路由组件的显示 -->
    <div class="container">
      <div class="left" id="left">
        <router-link class="content" @click="isClick" tag="li" to="/index/personal/selfinfo">
          <i class="el-icon-user-solid">&nbsp;&nbsp;个人信息</i>
        </router-link>
        <router-link class="content" @click="isClick"  tag="li" to="/index/personal/cart">
          <i class="el-icon-shopping-cart-2">&nbsp;&nbsp;购物车</i>
        </router-link>
        <router-link class="content" @click="isClick"  tag="li" to="/index/personal/order">
          <i class="el-icon-s-order"></i>&nbsp;&nbsp;个人订单
        </router-link>
        <router-link class="content" @click="isClick"  tag="li" to="/index/personal/address"><i
            class="el-icon-location"></i>&nbsp;&nbsp;地址管理
        </router-link>
        <router-link class="content" @click="isClick"  v-if="isManage" tag="li" to="/index/personal/loop"><i
            class="el-icon-picture"></i>&nbsp;&nbsp;轮播图管理
        </router-link>
        <router-link class="content" @click="isClick"  v-if="isManage" tag="li" to="/index/personal/books"><i
            class="el-icon-s-management"></i>&nbsp;&nbsp;图书管理</router-link>
      </div>
      <div class="right">
        <router-view></router-view>
      </div>
    </div>
    <br><br>
    <br><br>
    <FooterView></FooterView>
  </div>
</template>

<script src="../assets/js/PersonalView.js"></script>
<style src="../assets/css/PersonalView.css" scoped></style>